<template>
  <div>
    <div class="artTitle">
      <h3><span>{{sameData.commonTitle.title}}</span></h3>
      <h5>{{sameData.commonTitle.desc}}</h5>
    </div>

    <div class="artItems">
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-xs-12" v-for="(item,index) in arrList" :key="index">
            <div class="decorateZone">
              <div class="decorateList">
                <span>{{item.titleInfoOne}}</span>
                <span>{{item.titleInfoTwo}}</span>
                <ul>
                  <li v-for="(value,index) in item.descList" :key="index">{{value}}</li>
                </ul>
              </div>
              <div class="enterPriseStand">
                <img :src="item.imgSrc">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "enter-gover",
        props:['sameData'],
        data(){
          return{
            arrList:''
          }
        },
      mounted(){
          this.arrList=this.sameData.goverList;
      }
    }
</script>

<style scoped>
  @import '../assets/css/artCommon.css';
  @import '../assets/css/enterprise.css';
</style>
